<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clientgear-Smart Flexible Efficient</title>
    <link rel="stylesheet" href="../src/css/pages/loginEn.css">
    <style type="text/css">
        .product-introduction{
            width: 580px;
            height: 100px;
            /*background: url(./imgs/l-p-en-big.png) no-repeat;*/
        }

        @media screen and (max-width: 1600px) {
            .product-introduction{
                width: 490px;
                height: 100px;
                /*background: url(./imgs/l-p-en.png) no-repeat;*/
            }
        }
    </style>
    <script type="text/javascript" src="../lib/requirejs/require.js" data-main="../src/js/loginEn"></script>
</head>
<body style="background-image: url(./imgs/login.jpg);">
<div class="product-introduction">
    <!--<img src="./imgs/l-p-en.png"/>-->
</div>
<div class="p-container login-area-c">
    <div class="content-block">
        <!-- logo -->
        <div class="logo">
            <img src="./imgs/logo_new.png"/>
        </div>
        <div class="error-s hide">
            <span class="i"><i class="font-icon font-icon-attention"></i></span>
            <span class="msg"></span>
        </div>
        <!-- 登录 -->
        <div class="login-area">
            <div class="s-item">
                <div class=" l-item">
                    <div class="ndp-sinput-wrapper" name="username"></div>
                </div>
                <span name="username" class="warning-r hide"></span>
            </div>

            <div class="s-item">
                <div class=" l-item">
                    <div class="ndp-sinput-wrapper" name="password"></div>
                </div>
                <span name="password" class="warning-r p-b-10 hide"></span>
            </div>

            <div class="p-b-10">
                <input type="checkbox" id="remember" class="form-input" >
                <label for="remember">
                    <span class="checkbox-mark"></span>
                    Remember Me
                </label>

                <div class="s-f-link">
                    <button type="button" class="forget-link btn-link">Forgot password?</button>
                </div>
            </div>
            <div class="l-item">
                <button type="button" class="login big-btn btn btn-primary">Sign in</button>
            </div>
            <div class="r-login-area assistant-color">
                Has not Clientgear account? <button type="button" class="sign-link btn btn-default">Sign up</button>
            </div>
        </div>
        <!-- 注册 -->
        <div class="sign-area hide">
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="username-s" placeholder="User name" autocomplete="off" class="form-input  w-100" />
                </div>

                <span name="username" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="email-s" placeholder="Email" autocomplete="off" class="form-input w-100" />
                </div>

                <span name="email" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="password-s" autocomplete="off" placeholder="Password" class="form-input w-100" />
                </div>

                <span name="password" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="confirmPassword" autocomplete="off" placeholder="Password again" class="form-input w-100">
                </div>

                <span name="confirmPassword" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="nickname" placeholder="Nickname (create ad use nickname in [creator])" class="form-input w-100">
                </div>
                <span name="nickname" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <input type="text" name="invitationCode" placeholder="Invitation code" class="form-input w-100">
                </div>
                <span name="invitationCode" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class=" l-item">
                    <div class="ndp-drop-wrapper w-100" name="country"></div>
                </div>
                <span name="country" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class="l-item">
                    <div class="ndp-drop-wrapper w-100" name="timezone"></div>
                </div>
                <span name="timezone" class="warning-r hide"></span>
            </div>
            <div class="s-item">
                <div class="l-item">
                    <div class="ndp-drop-wrapper w-100" name="locale"></div>
                </div>
                <span name="locale" class="warning-r hide"></span>
            </div>
            <div class="l-item">
                <button type="button" class="sign w-100 big-btn btn btn-primary">Sign up</button>
            </div>
            <div class="r-login-area assistant-color">
                Has Clientgear account? <button type="button" class="r-login btn btn-default">Sign in</button>
            </div>
        </div>
        <!-- 忘记密码 -->
        <div class="forget-area hide">
            <div class="f-remainder">
                Enter e-mail address you used for registration, we will send password reset instructions to you, please follow the steps to reset your password.
            </div>
            <div class="s-item">
                <div class="l-item">
                    <div class="ndp-sinput-wrapper" name="email"></div>
                </div>
                <span name="email" class="warning-r hide"></span>
            </div>
            <div class="l-item">
                <button type="button" class="find w-100 big-btn btn btn-primary">Submit</button>
            </div>
            <div class="r-password">
                <span><i class='font-icon font-icon-back'></i></span> <span class="m-l-10 assistant-color">Remember password</span>
            </div>
        </div>
    </div>
    <!-- 备案 -->
    <div class="p-footer">
        <div class="contact">Contact us : <a href="mailto:support.pmd@yeahmobi.com">support.pmd@yeahmobi.com</a></div>
        <div class="version-info">
            2016 © IM.MK-Facebook Marketing Partner [
            <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备15052303号-1</a>
            ]
        </div>
    </div>
</div>
</body>
</html>
